<template>
  <div class="about">
    <div style="width: 100%">
      <el-container>
        <el-header
          style="
            display: flex;
            justify-content: space-between;
            background: #409eff;
          "
        >
          <router-link
            style="font-size: 24px; color: #fff; text-decoration: none"
            to="/about/home"
            >依云商城后台管理</router-link
          >
          <div style="color: #fff" class="unlogin">注销登录</div>
        </el-header>
        <el-container>
          <el-aside class="aside" width="none">
            <collapse></collapse>
          </el-aside>
          <el-main>
            <router-view />
          </el-main>
        </el-container>
      </el-container>
    </div>
  </div>
</template>
<script>
import collapse from "@/components/Collapse.vue";
export default {
  data() {
    return {};
  },
  components: {
    collapse,
  },
};
</script>
<style lang="scss" scoped>
.about {
  width: 100%;
}
.el-header {
  background-color: #b3c0d1;
  color: #333;
  line-height: 60px;
}

.el-aside {
  // width:210px;
  height: calc(100vh - 60px);
}

.el-main {
  overflow-y: auto;
  height: calc(100vh - 60px);
}
</style>
